<div class="row clearfix">
	<div class="col-md-7 column">
		<br/>
        <table width="100%">
            <tr>
                <td align="left">
                    <button class="btn btn-info" ng-click="createStock()" ng-disabled="true">Add Stock</button>
                </td>
                <td align="right">
                    <tm-pagination conf="pagiConf4Index"></tm-pagination>
                </td>
            </tr>
        </table>
		<div id="warningMsgForIndex"></div>
		<table id="indextable" class="table table-hover table-striped dataTable" role="grid">
			<thead>
				<tr role="row">
					<th style="white-space:nowrap;" ng-if="false">Edit</th>
					<th style="white-space:nowrap;">Index Code</th>
					<th style="white-space:nowrap;">Index Type</th>
					<th style="white-space:nowrap;">Index Name</th>
                    <th style="white-space:nowrap;">Current Val</th>
					<th></th>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat='index in indexes' ng-click="selectCurrentIndex($index)">
					<td width="15%" ng-if="false">
						<edit ng-Model="stock" ng-show="showStockEdit && !index.id" 
							d-type="stock" show-stock-edit="showStockEdit" master="master"><a>Edit</a></edit>
						<update ng-Model="stock" ng-show="!showStockEdit && !index.id" 
							d-type="stock" show-stock-edit="showStockEdit" master="master"><a>Update</a></update> 
						<cancel ng-Model="stock" ng-show="!showStockEdit && !index.id" 
							d-type="stock" show-stock-edit="showStockEdit" master="master"> | <a>Cancel</a></cancel>
						<label ng-show="!index.id">| </label>
						<delete ng-Model="stock"><a>Delete</a></delete>
					</td>
					<td width="20%">
						<input type="text" ng-model="index.code" class="inactive" readOnly maxlength="6" size="6"/>
					</td>
					<td width="20%">{{index.typeName}}</td>
					<td width="20%">{{index.name}}</td>
					<td width="20%">{{index.latestPrice}}</td>
					<td width="5%"><span class="glyphicon glyphicon-ok" ng-show="selectedIndex==$index"></span></td>
				</tr>
			</tbody>
		</table>
		<table width="100%">
            <tr>
                <td align="left">
                    <button class="btn btn-info" ng-click="createStock()" ng-disabled="true">Add Stock</button>
                </td>
                <td align="right">
                    <tm-pagination conf="pagiConf4Index"></tm-pagination>
                </td>
            </tr>
        </table>
	</div>
	<div class="col-md-5 column" ng-show="selectedRow">
		<div class="page-header" style="margin:0px;">
			<h1>
				{{selectedRow.abbr}} <small>{{selectedRow.code}}</small>
				<input type="hidden" id="selectedIndexId" name="selectedIndexId" value={{selectedRow.id}}>
			</h1>
		</div>
		<dl class="dl-horizontal">
			<dt>
				Description lists
			</dt>
			<dd>
				可以添加删除分类，点击分类会查询所有属于该分类的股票
			</dd>
			<dt>
				Euismod
			</dt>
			<dd>
				Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
			</dd>
			<dd>
				Donec id elit non mi porta gravida at eget metus.
			</dd>
			<dt>
				Malesuada porta
			</dt>
			<dd>
				Etiam porta sem malesuada magna mollis euismod.
			</dd>
			<dt>
				Felis euismod semper eget lacinia
			</dt>
			<dd>
				Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
			</dd>
		</dl>
	</div>
</div>
